<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SpaceMax - Multi-Purpose Landing Page</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="">
<meta name="description" content="">
<meta property="og:image" content="#" />

<link rel="icon" type="image/png" sizes="32x32" href="favicon.png">

<link href="./assets/dist/fonts/SFProDisplay.css" rel="stylesheet">

<link rel="stylesheet" href="assets/dist/css/app.min.css">
</head>
<body>
<main class="main">

<header class="navigation navigation__transparent navigation__left navigation-text__light navigation__btn-fill">
<div class="container">
<div class="row">
<div class="col-12">
<div class="navigation-content">
<a href="#" class="navigation__brand">
<img class="navigation-main__logo" src="img/brand-logo-white.png" alt="">
<img class="sticky-nav__logo" src="img/brand-logo-white.png" alt="sticky logo">
</a>
<button class="navigation__toggler"></button>

<nav class="navigation-wrapper">
<button class="offcanvas__close">✕</button>

<ul class="navigation-menu" id="nav">
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="#">Homepages</a>

<ul class="navigation-dropdown">
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="spacemax-rtl/index.html">Home - 1</a>
</li>
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="spacemax-rtl/home-2.html">Home - 2</a>
</li>
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="spacemax-rtl/home-3.html">Home - 3</a>
</li>
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="spacemax-rtl/home-4.html">Home - 4</a>
</li>
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="spacemax-rtl/home-5.html">Home - 5</a>
</li>
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="spacemax-rtl/home-6.html">Home - 6</a>
</li>
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="spacemax-rtl/home-7.html">Home - 7</a>
</li>
</ul>
</li>
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="#">Pages</a>

<ul class="navigation-dropdown">
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="spacemax/inner-knowledgebase.html">Knowledge Base</a>
</li>
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="spacemax/inner-faq.html">FAQ</a>
</li>
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="spacemax/inner-login.html">Login</a>
</li>
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="spacemax/inner-signup.html">Signup</a>
</li>
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="spacemax/inner-recover-account.html">Recover Account</a>
</li>
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="spacemax/inner-coming-soon.html">Coming Soon</a>
</li>
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="spacemax/inner-404.html">Error
404</a>
</li>
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="spacemax/inner-maintenance.html">Maintenance</a>
</li>
</ul>
</li>
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="#">Blog</a>

<ul class="navigation-dropdown">
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="#">Blog Pages</a>
<ul class="navigation-dropdown">
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="spacemax/blog-grid-2-col.html">Blog Grid 2 Column</a>
</li>
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="spacemax/blog-grid-3-col.html">Blog Grid 3 Column</a>
</li>
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="spacemax/blog-details-sidebar-right.html">Blog Sidebar
Right</a>
</li>
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="spacemax/blog-grid-2-col-sidebar-left.html">Blog
Sidebar Left</a>
</li>
</ul>
</li>
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="#">Blog Details</a>
<ul class="navigation-dropdown">
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="spacemax/blog-details-full.html">Blog Details Full</a>
</li>
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="spacemax/blog-details-sidebar-right.html">blog Details
Sidebar Right</a>
</li>
<li class="navigation-menu__item">
<a class="navigation-menu__link" href="spacemax/blog-details-sidebar-left.html">blog Details
Sidebar Left</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="navigation-menu__item">
<a class="navigation-menu__link scroll-down" href="#features">Features</a>
</li>
</ul>
</nav>

<div class="navigation-button">
<a href="#" class="db-btn db-btn__type-default db-btn__blue nav-cta-btn">Purchase now</a>
<a href="#demos" class="db-btn db-btn__type-default db-btn__green nav-cta-btn scroll-down">Live
Demo</a>
</div>
</div>
</div>


</div>
</header>


<div class="hero hero--full">
<div class="container hero-main">
<div class="row">
<div class="col-12">
<div class="hero-wrapper">
<h1 class="hero__title">Welcome to SpaceMax</h1>
<ul class="hero__features">
<li class="hero__features--list">7 Landing Pages</li>
<li class="hero__features--list">15 Inner Pages</li>
 <li class="hero__features--list">Modular Elements</li>
</ul>
<p class="hero__description">SpaceMax is specially designed and coded for you. 7 Landing Pages, 15
Essential Pages, Easy to Setup,
Conversion focused & Faster in Loading.</p>
<button></button>
</div>
<div class="hero-button">
<a href="#demos" class="db-btn db-btn__type-md db-btn__blue scroll-down">Explore Demos</a>
<a href="rtl.html" target="_blank" class="db-btn db-btn__type-md db-btn__green">Explore RTL Demos</a>
</div>
</div>
</div>
<span class="hero__image">
<img src="img/hero.png" alt="">
</span>
</div>
</div>


<div class="products" id="demos">
<div class="container">

<div class="controls">
<button type="button" class="control mixitup-control-active" data-filter="all">All Pages</button>
<button type="button" class="control" data-filter=".landing">Landing Pages</button>
<button type="button" class="control" data-filter=".essential">Essential Pages</button>
</div>

<div class="products-wrapper" style="margin-bottom: 100px;">
<div class="product-item mix landing reveal">
<div class="product-item__image">
<a href="spacemax/index.html" target="_blank">
<img src="demo-assets/home-1.png" alt="">
</a>
</div>
<div class="product-item__title">
<a href="spacemax/index.html" target="_blank">SpaceMax | Tokyo</a>
</div>
</div>

<div class="product-item mix landing reveal">
<div class="product-item__image">
<a href="spacemax/home-2.html" target="_blank">
<img src="demo-assets/home-2.png" alt="">
</a>
</div>
<div class="product-item__title">
<a href="spacemax/home-2.html" target="_blank">SpaceMax | Shanghai</a>
</div>
</div>

<div class="product-item mix landing reveal">
<div class="product-item__image">
<a href="spacemax/home-3.html" target="_blank">
<img src="demo-assets/home-3.png" alt="">
</a>
</div>
<div class="product-item__title">
<a href="spacemax/home-3.html" target="_blank">SpaceMax | Beijing</a>
</div>
</div>

<div class="product-item mix landing reveal">
<div class="product-item__image">
<a href="spacemax/home-4.html" target="_blank">
<img src="demo-assets/home-4.png" alt="">
</a>
</div>
<div class="product-item__title">
<a href="spacemax/home-4.html" target="_blank">SpaceMax | Cairo</a>
</div>
</div>

<div class="product-item mix landing reveal">
<div class="product-item__image">
<a href="spacemax/home-5.html" target="_blank">
<img src="demo-assets/home-5.png" alt="">
</a>
</div>
<div class="product-item__title">
<a href="spacemax/home-5.html" target="_blank">SpaceMax | New York</a>
</div>
</div>

<div class="product-item mix landing reveal">
<div class="product-item__image">
<a href="spacemax/home-6.html" target="_blank">
<img src="demo-assets/home-6.png" alt="">
</a>
</div>
<div class="product-item__title">
<a href="spacemax/home-6.html" target="_blank">SpaceMax | Istanbul</a>
</div>
</div>

<div class="product-item mix landing reveal">
<div class="product-item__image">
<a href="spacemax/home-7.html" target="_blank">
<img src="demo-assets/home-7.png" alt="">
</a>
</div>
<div class="product-item__title">
<a href="spacemax/home-7.html" target="_blank">SpaceMax | Manila</a>
</div>
</div>

<div class="product-item mix essential reveal">
<div class="product-item__image">
<a href="spacemax/inner-knowledgebase.html" target="_blank">
<img src="demo-assets/inner-knowledgebase.png" alt="">
</a>
</div>
<div class="product-item__title">
<a href="spacemax/inner-knowledgebase.html" target="_blank">SpaceMax | Knowledge Base</a>
</div>
</div>

<div class="product-item mix essential reveal">
<div class="product-item__image">
<a href="spacemax/inner-faq.html" target="_blank">
<img src="demo-assets/inner-faq.png" alt="">
</a>
</div>
<div class="product-item__title">
<a href="spacemax/inner-faq.html" target="_blank">FAQ</a>
</div>
</div>

<div class="product-item mix essential reveal">
<div class="product-item__image">
<a href="spacemax/inner-login.html" target="_blank">
<img src="demo-assets/inner-faq.png" alt="">
</a>
</div>
<div class="product-item__title">
<a href="spacemax/inner-login.html" target="_blank">Login</a>
</div>
</div>

<div class="product-item mix essential reveal">
<div class="product-item__image">
<a href="spacemax/inner-signup.html" target="_blank">
<img src="demo-assets/inner-signup.png" alt="">
</a>
</div>
<div class="product-item__title">
<a href="spacemax/inner-signup.html" target="_blank">Signup</a>
</div>
</div>

<div class="product-item mix essential reveal">
<div class="product-item__image">
<a href="spacemax/inner-recover-account.html" target="_blank">
<img src="demo-assets/inner-recover-account.png" alt="">
</a>
</div>
<div class="product-item__title">
<a href="spacemax/inner-recover-account.html" target="_blank">Recover Account</a>
</div>
</div>

<div class="product-item mix essential reveal">
<div class="product-item__image">
<a href="spacemax/inner-coming-soon.html" target="_blank">
<img src="demo-assets/inner-coming.png" alt="">
</a>
</div>
<div class="product-item__title">
<a href="spacemax/inner-coming-soon.html" target="_blank">Coming Soon</a>
</div>
</div>

<div class="product-item mix essential reveal">
<div class="product-item__image">
<a href="spacemax/inner-404.html" target="_blank">
<img src="demo-assets/inner-404.png" alt="">
</a>
</div>
<div class="product-item__title">
<a href="spacemax/inner-404.html" target="_blank">Error 404</a>
</div>
</div>

<div class="product-item mix essential reveal">
<div class="product-item__image">
<a href="spacemax/inner-maintenance.html" target="_blank">
<img src="demo-assets/inner-maintenance.png" alt="">
</a>
</div>
<div class="product-item__title">
<a href="spacemax/inner-maintenance.html" target="_blank">Maintenance</a>
</div>
</div>

<div class="product-item mix essential reveal">
<div class="product-item__image">
<a href="spacemax/blog-grid-2-col.html" target="_blank">
<img src="demo-assets/blog-grid-2-col.png" alt="">
</a>
</div>
<div class="product-item__title">
<a href="spacemax/blog-grid-2-col.html" target="_blank">Blog Grid 2 Column</a>
</div>
</div>

<div class="product-item mix essential reveal">
<div class="product-item__image">
<a href="spacemax/blog-grid-3-col.html" target="_blank">
<img src="demo-assets/blog-grid-3-col.png" alt="">
</a>
</div>
<div class="product-item__title">
<a href="spacemax/blog-grid-3-col.html" target="_blank">Blog Grid 3 Column</a>
</div>
</div>

<div class="product-item mix essential reveal">
<div class="product-item__image">
<a href="spacemax/blog-grid-2-col-sidebar-right.html" target="_blank">
<img src="demo-assets/blog-grid-2-col-sidebar-right.png" alt="">
</a>
</div>
<div class="product-item__title">
<a href="spacemax/blog-grid-2-col-sidebar-right.html" target="_blank">Blog Grid Sidebar
Right</a>
</div>
</div>

<div class="product-item mix essential reveal">
<div class="product-item__image">
<a href="spacemax/blog-grid-2-col-sidebar-left.html" target="_blank">
<img src="demo-assets/blog-grid-2-col-sidebar-left.png" alt="">
</a>
</div>
<div class="product-item__title">
<a href="spacemax/blog-grid-2-col-sidebar-left.html" target="_blank">Blog Grid Sidebar
left</a>
</div>
</div>

<div class="product-item mix essential reveal">
<div class="product-item__image">
<a href="spacemax/blog-details-full.html" target="_blank">
<img src="demo-assets/blog-details-full.png" alt="">
</a>
</div>
<div class="product-item__title">
<a href="spacemax/blog-details-full.html" target="_blank">Blog Details Full</a>
</div>
</div>

<div class="product-item mix essential reveal">
<div class="product-item__image">
<a href="spacemax/blog-details-sidebar-right.html" target="_blank">
<img src="demo-assets/blog-details-sidebar-right.png" alt="">
</a>
</div>
<div class="product-item__title">
<a href="spacemax/blog-details-sidebar-right.html" target="_blank">Blog Details Sidebar
Right</a>
</div>
</div>

<div class="product-item mix essential reveal">
<div class="product-item__image">
<a href="spacemax/blog-details-sidebar-left.html" target="_blank">
<img src="demo-assets/blog-details-sidebar-left.png" alt="">
</a>
</div>
<div class="product-item__title">
<a href="spacemax/blog-details-sidebar-left.html" target="_blank">Blog Details Sidebar
left</a>
</div>
</div>

</div>
</div>
</div>


<section class="features-three" id="features">
<div class="container">
<div class="row">
<div class="col-12 col-lg-10 mx-auto">
<ul class="feature">
<li class="feature__list">
<span class="feature__icon">
<img src="img/layers-3-2x.png" alt="">
</span>
<div>
<h5 class="feature__title">7 Landing Pages</h5>
<p class="feature__description">SpaceMax comes with 10 variations, to make your life
 easier. Choose what suits with your
niche and start your journey.</p>
</div>
</li>

<li class="feature__list">
<span class="feature__icon">
<img src="img/design-dev-2x.png" alt="">
</span>
<div>
<h5 class="feature__title">15 Essential Innerpages</h5>
<p class="feature__description">To make your life easier, we have included essential
innerpages for you so that you easily
setup your business landing.</p>
</div>
</li>

<li class="feature__list">
<span class="feature__icon">
<img src="img/spaceship-2x.png" alt="">
</span>
<div>
<h5 class="feature__title">Faster Loading</h5>
<p class="feature__description">Faster page loading is very important for any
landing page. SpaceMax loads super fast in
any kind of browser.</p>
</div>
</li>

<li class="feature__list">
<span class="feature__icon">
<img src="img/goal-65-2x.png" alt="">
</span>
<div>
<h5 class="feature__title">Conversion Targeted</h5>
<p class="feature__description">SpaceMax is well designed and highly targeted for
conversions. Increase your conversions
using our well designed pages.</p>
</div>
</li>

<li class="feature__list">
<span class="feature__icon">
<img src="img/preferences-circle-2x.png" alt="">
</span>
<div>
<h5 class="feature__title">Easy Setup</h5>
<p class="feature__description">SpaceMax is super easy to setup. Since it is written
with HTML and CSS, you don’t need to
do anything extra to edit it.</p>
</div>
</li>

<li class="feature__list">
<span class="feature__icon">
<img src="img/responsive-2x.png" alt="">
</span>
<div>
<h5 class="feature__title">Multi Device Supported</h5>
<p class="feature__description">Landing Pages should work perfectly in every device.
We have designed and coded all pages
so that it fits in every device.</p>
</div>
</li>

</ul>
 </div>
</div>

</div>
</section>


<footer class="footer-one">
<div class="container">
<div class="row">
<div class="col-12">
<div class="footer">
<div class="brand-logo">
<a href="#">
<img src="img/brand-logo-black.png" alt="brand logo">
</a>
</div>
<div class="footer-copyright">
<span class="footer-copyright__text">© 2018 SpaceMax, Design by
<a href="#">Elegant_Pixel</a>
</span>
</div>

</div>
</div>
</div>

</div>
</footer>

</main>

<script src="assets/dist/js/app.min.js"></script>
</body>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-125821150-2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-125821150-2');
</script>
</html>